<template>
  <div class="head">
    <img src="../../assets/pause.png" alt="" class="pause">
    <p>{{ zhTitle }}
      <span>|</span>
      <span>{{enTitle}}</span>
    </p>
  </div>
</template>

<script>
export default {
  name: "headInfoTitle",
  props:{
    zhTitle:{type:String,default:'停车场'},
    enTitle:{type:String,default:'PARKING'}
  },
}
</script>

<style lang="scss" scoped>
@import '@/assets/scss/common.scss';
.head {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: cheight(35);
}

.pause {
  width: 8px;
  height: 16px;
}

.head p {
  background: #4DEAF7;
  padding: 8px 42px 8px 8px;
  font-size: 16px;
  font-family: ShiShangZhongHeiJianTi;
  font-weight: 400;
  color: #23292E;
  margin-left: 26px;
  min-width: 300px;

}

.head p span {
  font-weight: normal;
}

.head p span:last-child {
  margin-left: 6px;
}
</style>